<template>
	<div class="nav">
		<Nav></Nav>
	</div>
	<div class="fa">
		<!-- 未关注部分静态页面===================================================== -->
		<div class="ffa" style="display: none;">
			<div class="one">
				<div class="one-one">
					<img src="../../public/img/关注标题.png" alt="" style="width: 89px;height: 82px; margin-top: 50px;">
					<h2 style="font-size: 20px;">暂无关注，请选择你该兴趣的内容关注吧</h2>
					<h4 style="font-size: 16px; color: rgb(109, 110, 112);">暂时不想关注？
						<router-link to="/setting" class="faxian">跳转到关注页面</router-link>
					</h4>
				</div>
			</div>
			<!-- 推荐关注的设计师部分 -->
			<bigBox>
				<template v-slot:users v-for="el in follow1">
					<designer></designer>
					<designer></designer>
					<designer></designer>

				</template>
			</bigBox>
			<!-- 推荐的画板部分 -->
			<bigBox>
				<template v-slot:draws>
					<draw></draw>
					<draw></draw>
					<draw></draw>
					<draw></draw>

				</template>
			</bigBox>
			<!-- 全球最热设计站点 -->
			<bigBox>
				<template v-slot:hotest>
					<hot></hot>
					<hot></hot>
					<hot></hot>
					<hot></hot>
					<hot></hot>
					<hot></hot>
				</template>
			</bigBox>

		</div>

		<!-- 有关注的人的静态页面 -->
		<div class="guanzhued">
			<!-- 关注用户名单 -->
			<div class="top">
				<div class="top-one bigbox">
					<img class="top-tu" src="../../public/img/化妆品.webp" alt="">
					<div class="all text1">全部关注</div>
				</div>
				<div class="top-right">
					<img class="top-tu" src="../../public/img/gz-04.webp" alt="">
					<div class="uname">爱睡的小胖</div>
				</div>
				<div class="top-right">
					<img class="top-tu" src="../../public/img/gz-05.webp" alt="">
					<div class="uname">hha</div>
				</div>
			</div>
			<div class="foot">
				<!-- 第一列作品 -->
				<div class="one-fa">
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-03.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<!-- ======================== -->
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-04.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">5</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<!-- ====================================== -->
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-05.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">7</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<!-- ================================== -->
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-08.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>

				</div>
				<!-- 第二列作品组件 -->
				<div class="two-fa">
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-02.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{休闲系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">2</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<!-- ================================ -->
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">12</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-09.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-05.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">hha</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-10.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>


				</div>

				<div class="four-fa">
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-11.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-12.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-13.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-05.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-14.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-05.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">10</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>

				</div>
				<div class="five-fa">
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-15.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-05.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-16.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-05.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-06.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-17.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>

				</div>
				<div class="six-fa">

					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-18.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-19.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-05.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-03.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-04.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>
					<div class="one">
						<div class="one-one">
							<!-- 上边图片部分 -->

							<div class="img">
								<img class="img-tu" src="../../public/img/gz-20.webp" alt="">
							</div>
							<!-- 作者\类别 -->
							<div class=" bottom">
								<div class="uname-box">
									<div class="left">
										<img class="utu" src="../../../../public/img/gz-05.webp" alt="">
										<!-- 关注的用户昵称 -->
										<div class="uname">爱睡的小胖</div>
									</div>
									<div class="dra">
										<div class="right">
											<div class="dra">画板</div>
											<div class="dra">{3D系}</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 转采\喜欢 -->
							<div class="like">
								<div class="one1">
									<img class="replay" src="../../../../public/img/转采.png" alt="">
									<div class="shuz">3</div>
								</div>
								<div class="lone"><img class="llike" src="../../../../public/img/喜欢.png" alt=""></div>

							</div>
						</div>
					</div>

				</div>


			</div>
		</div>
	</div>
</template>

<script setup>
	import Nav from './nav.vue'
	// 关注用户页面
	import bigBox from '../componens/thh/guanzhu01/bigBox.vue'
	import designer from '../componens/thh/guanzhu01/designer.vue'
	import draw from '../componens/thh/guanzhu01/draw.vue'
	import hot from '../componens/thh/guanzhu01/hot.vue'
	import fwork from '../componens/thh/guanzhu01/followUserWorkOne.vue'
	// 引入
	import { onMounted, ref, getCurrentInstance, reactive, toRaw } from 'vue';
	// import axios from 'axios'
	let { proxy } = getCurrentInstance()
	let { proxy: { axios, url }, } = getCurrentInstance();
	let follow1 = reactive([]);

	onMounted(async () => {
		try {
			let res = await proxy.$axios.get("/egg/concern");
			let jieguo = res.data.info;
			jieguo.forEach(el => {
				follow1.push(el)
			});
			console.log(toRaw(follow1, 777777777));

		} catch (error) {
			console.log(error);
		}
		console.log(toRaw(follow1));
	});
	// onMounted(async () => {
	// 	try{
	// 	let res = await proxy.$axios("/egg/concern");
	// 	let jieguo = res.data.info
	// 	jieguo.forEach(el => { follow1.push(el) })
	// 	console.log(toRaw(follow1, 777777777))}
	// })
	// console.log(toRaw(follow1))





</script>

<style lang="scss" scoped>
	.nav {
		position: absolute;
		top: 0;
		left: 60px;
	}
	.one {
		width: 240px;
		height: auto;
		/* margin: 10px; */

		.one-one {
			width: 240px;
			height: auto;

			/* #yinying {
				width: 270px;
				height: auto;
				background-color: rgb(193, 193, 194);
				position: relative;
				border: 1px solid salmon;

			} */

			.img {
				width: 240px;
				height: 126px;

				#yinying {
					width: 270px;
					height: auto;
					background-color: rgb(193, 193, 194);
					position: relative;
					border: 1px solid salmon;
					z-index: 2000;

				}

				.img-tu {
					width: 240px;
					height: 126px;
				}
			}

			&:hover {
				cursor: pointer;
			}

			.bottom {
				width: 240px;
				height: 20px;

				.uname-box {
					display: flex;
					justify-content: space-between;

					.left {
						display: flex;
					}


					.utu {
						width: 20px;
						height: 20px;
						border-radius: 50px;
					}

					.uname {
						font-size: 12px;
						margin-left: 3px;
						color: rgb(109, 110, 112)
					}

					.right {
						font-size: 12px;
						display: flex;
						color: rgb(109, 110, 112);
						font-size: 12px;
					}
				}
			}

			.like {
				width: 240px;
				height: 20px;
				margin-top: 10px;
				display: flex;
				color: rgb(109, 110, 112);

				.one1 {
					width: 25px;
					height: 20px;
					display: flex;
					justify-content: space-between;
					line-height: 20px;
					font-size: 12px;

					.replay {
						width: 16px;
						height: 16px;

					}

				}

				.llike {
					width: 16px;
					height: 16px;
					margin-left: 10px;
				}
			}
		}
	}

	.fa {
		
		position: absolute;
		top: 60px;
		left: 60px;
		/* 未关注任何人时的的关注页面样式 */
		.ffa {
			width: 1855px;
			height: auto;
			background-color: antiquewhite;
			margin: 0 auto;

			.one {
				width: 1855px;
				height: 318px;
				background-color: white;
				text-align: center;

				.one-one {
					width: 380px;
					height: 318px;
					line-height: 30px;
					margin: 0 auto;

					.faxian {
						color: rgb(109, 110, 112);
					}
				}
			}


		}

		.guanzhued {
			width: 1602px;
			height: 800px;
			// border: 1px solid black;
			margin: 0 auto;

			.top {
				width: 1602px;
				height: 92px;
				display: flex;

				/* 全部关注的图表中独有的样式 */
				.bigbox {
					border: 2px solid red;

					.all {
						color: red;
						font-size: 14px;
					}
				}

				/* ================================= */
				.top-one,
				.top-right {
					width: 64px;
					height: 64px;
					border-radius: 50px;
					text-align: center;


					.top-tu {
						width: 63px;
						height: 63px;
						border-radius: 50px;
						border: 1px solid white;
						text-align: center;
						line-height: 63px;
					}

					.uname {
						width: 70px;
						height: 16.8px;
						font-size: 14px;
						line-height: 17px;
					}

				}

				.top-right {
					margin-left: 20px;
				}

			}

			.foot {
				width: 1602px;
				height: auto;

				display: flex;
				justify-content: space-between;

				.two-fa {
					width: 240px;
					height: auto;

				}

				.three-fa {
					width: 240px;
					height: auto;

				}

				.four-fa {
					width: 240px;
					height: auto;
				}

				.five-fa {
					width: 240px;
					height: auto;

				}

				.six-fa {
					width: 240px;
					height: auto;

				}

			}

		}
	}
</style>